<oc-dialog oc-dialog-is-full="true"
	oc-dialog-switch="MS"
	oc-dialog-icon="lemoncelogo">
	<div class="grid" ng-controller="Main">
		<ul id="main-switchs">
			<li ng-click="switchHome()" ng-class="{active:currentPanel===homePanel}">账户</li>
			<li ng-repeat="panel in panels"
				ng-class="{active:currentPanel===panel}"
				ng-click="switchPanel(panel)"><i class="clear"
					ng-click="closeMyProjects($event,$index)"></i>{{panel.name}}</li>
		</ul>

		<div ng-controller="Account"
			ng-if="currentPanel.type=='account'"
			class="grid" style="top:1rem;right:0;left:0;bottom:0">
			<oc-list-menu content="menu" style="background:#f0f0f0"></oc-list-menu>

			<div class="grid"
				style="top:1rem;left:0;right:15rem;bottom:8rem;background-color:#1A1A1A">
				<span class="ico-full-screen" title="全屏模式" ng-click="fullScreen()"
					style="top:0.3rem;right:0.3rem;width:2rem;height:2rem"></span>
				<span class="ico-helpvidio" title="帮助视频" oc-dialog-open="{name:'other/video'}"
					style="top:0.3rem;right:2.5rem;width:2rem;height:2rem"></span>
				<h1 class="role-title" style="top:2rem">我</h1>
				<span class="ico-settingMyrole" oc-dialog-open="{name:'user/info'}"
					style="top:3rem;left:5.5rem"></span>
				<div class="card-container" style="top:4rem">
					<div class="selfCard">
						<div class="card self" ng-click="openMyProject()">
							<h2>我</h2>
							<p><span>上次登录时间：</span></p>
						</div>
						<div class="icon"><i class="ico-email"></i></div>
						<div class="icon"><i class="ico-account"></i></div>
						<div class="icon" title="意见与建议"><a target="_blank"
							href="http://git.oschina.net/increase/LemonService/issues"
							><i class="ico-feedback"></i></a></div>
					</div>
				</div>
				<h1 class="role-title ico-Position" style="top:11rem">我的职位</h1>
				<span class="ico-refreshRound" ng-click="refreshMyPositions()"
					style="left:8rem;top:12rem"></span>
				<span class="ico-consult" ng-click="refreshMyPositions()"
					style="left:9.3rem;top:12rem"></span>
				<input class="filterPosition" type="text" style="top:12.3rem;right:0.5rem" />
				<p class="limit"
					style="top:11rem">当前加入职位<b>&nbsp;{{positions.length}}</b>&nbsp;个</p>
				<div class="card-container" style="top:13.5rem">
					<div class="card myPosition noPsition" ng-show="!positions.length">
						<p class="prompt">当前没有加入任何职位</p>
					</div>
					<div class="card myPosition"
						ng-click="openPositionPanel($index)"
						ng-repeat="position in positions">
						<span class="teamIcon"></span>
						<p>
							<span>工程组：{{position.teamName}}</span>
							<span>职位：{{position.name}}</span>
						</p>
						<a class="delete-position" title="炒了这个职位"></a>
					</div>
				</div>
			</div>

			<div class="grid"
				style="right:15rem;height:8rem;left:0;bottom:0;background-color:#242424">
				<h1 class="role-title ico-myTeam">我创建的团队</h1>
				<span class="ico-addRound" oc-dialog-open="teamCreate"></span>
				<span class="ico-refreshRound" ng-click="refreshTeams()" style="left:10.6rem"></span>
				<span class="ico-consult" ng-click="refreshTeams()" style="left:11.9rem"></span>
				<p class="limit">当前创建团队<b>&nbsp;{{teams.length}}</b>/5&nbsp;个</p>
				<div class="grid myTeam-container"
					style="right:0;height:auto;left:0;top:2.4rem;bottom:0;width:auto">
					<div class="card-container myTeam"
						ng-style="{width:11.7*teams.length+'rem'}" style="min-width:11.7rem">
						<div class="card noTeam" ng-show="!teams.length">
							<p class="prompt">当前没有创建任何团队</p>
						</div>
						<div class="card" ng-click="openTeam($index)" ng-repeat="team in teams">
							<h2>{{team.name}}</h2>
							<p><span>更新时间：{{team.updatetime|date:'yyyy-MM-dd'}}</span>
								<span title="{{team.comment}}">团队描述：{{team.comment}}</span></p>
							<a ng-click="alertDelete($index, $event)">删除</a>
						</div>
					</div>
				</div>
			</div>
			<!--右边栏--------通知栏-------->
			<div class="grid"
				style="right:0;width:15rem;top:1rem;bottom:0;background-color:#303030">
				<div class="message">
					<h2>Lemonce&nbsp;公告</h2>
					<ul>
						<li ng-repeat="n in notice"
							ng-click="openNotice(n)">{{n.title}}<span>{{n.time}}</span></li>
					</ul>
					<span>QQ群：462067451</span>
				</div>
			</div>
		</div><!-- //Account -->

		<div ng-controller="ProjectManagement" class="grid"
			ng-if="currentPanel.type=='myProject'"
			style="top:1rem;left:0;right:0;bottom:0">
			<oc-list-menu content="menu" style="background:#f0f0f0"></oc-list-menu>
			<div class="grid" style="top:1rem;left:0;right:0;bottom:0;background-color: #1A1A1A">
				<p class="limit">当前创建项目<b ng-cloak>{{projects.length}}</b>/10个</p>
				<h1 class="role-title ico-projrct" style="top:2rem">项目列表</h1>
				<span class="ico-addRound" oc-dialog-open="projectAdd"
					style="top:3rem;left:8rem"></span>
				<span class="ico-refreshRound" ng-click="refreshProjectList()"
					style="top:3rem;left:9.3rem"></span>
				<span class="ico-consult" ng-click="refreshProjectList()"
					style="top:3rem;left:10.6rem"></span>
				<div class="card-container projectList" style="top:4rem">
					<div class="card noProject" ng-show="!projects.length">
						<p class="prompt">当前职位没有任何项目</p>
					</div>
					<div class="card" ng-click="openProject($index)"
						ng-repeat="project in projects">
						<h2>{{project.name}}</h2>
						<p>
							<span>修改时间：{{project.updatetime|date:'yyyy-MM-dd'}}</span>
							<span>注释：{{project.comment}}</span>
						</p>
						<a ng-click="deleteProject($index,$event)">删除</a>
					</div>
				</div>
			</div>
			<img ng-src="{{resourcesUrl}}/project.ico.png"
				 style="opacity:0.7;width:8rem;bottom:1.5rem;left:1.5rem">
		</div><!-- //Project -->

		<div ng-controller="ProjectManagementInTeam" class="grid"
			ng-if="currentPanel.type=='projectInTeam'"
			style="top:1rem;left:0;right:0;bottom:0">
			<oc-list-menu content="menu" style="background:#f0f0f0"></oc-list-menu>
			<div class="grid" style="top:1rem;left:0;right:15rem;bottom:0;background-color:#1A1A1A">
				<p class="limit">团队共有项目<b>&nbsp;0</b>/10&nbsp;个</p>
				<h1 class="role-title ico-projrct" style="top:2rem">项目列表</h1>
				<span class="ico-addRound" oc-dialog-open="projectAdd"
					style="top:3rem;left:8rem"></span>
				<span class="ico-refreshRound" ng-click="refreshProjectList()"
					style="top:3rem;left:9.3rem"></span>
				<span class="ico-consult" ng-click="refreshProjectList()"
					style="top:3rem;left:10.6rem"></span>
				<div class="card-container projectList" style="top:4rem">
					<div class="card noProject" ng-show="!projects.length">
						<p class="prompt">当前职位没有任何项目</p>
					</div>
					<div class="card" ng-click="openProject($index)" ng-repeat="project in projects">
						<h2>{{project.name}}</h2>
						<p>
							<span>修改时间：{{project.updatetime | date: 'yyyy-MM-dd'}}</span>
							<span>注释：{{project.comment}}</span>
						</p>
						<a ng-click="deleteProject($index,$event)">删除</a>
					</div>
				</div>
			</div>
			<div class="grid" style="width:15rem;right:0;top:1rem;bottom:0rem;
				background-color:#303030;">
				<div class="info-container">
					<!--用户职位信息-->
					<div class="userPositionInfo">
						<h2>职位信息</h2>
						<ul>
							<li>职位名称：test</li>
							<li>职位描述：描述文字比较多？描述文字比较多？描述文字比较多</li>
							<li>创建时间：2015-12-25</li>
							<li>任职时间：2015-12-25</li>
						</ul>
						<div>
							<p>职位角色：<span>角色名1</span>,<span>角色名1</span>,<span>角色名1</span></p>
						</div>
					</div>
					<!--同事信息-->		
					<div class="colleaguesInfo">
						<h2>同事信息</h2>
						<div class="colleaguesList">
							<div>
								<img ng-src="{{resourcesUrl}}/colleagues.png"/>
								<p>
									<span>组长：lemonce</span>
								</p>
								<p>
									<span>email：lemoce@qq.com</span>
								</p>
							</div>
						</div>
					</div>		
				</div>
			</div>
			<div style="position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;"></div>
		</div><!-- //ProjectInTeam -->
	</div>
</oc-dialog>
